%ion-modal-view#password-pad-modal(hide-nav-bar="true" ng-controller="PassPadCtrl")
  .pad-bottom
    %ion-header-bar.bar-light(align-title="center")
      %button.button.button-clear(ng-click="closePad()" ng-if="!is_loading && !is_success")
        %i.icon.ion-ios-close-empty.go-back
      %h1.title.dark-blue 验证支付密码
      %button.button-forget(ui-sref="forget-pay-password" ng-click="closePad(true)" ng-if="!is_loading && !is_success") 忘记密码

    %ion-content.no-animation.no-padding.bg-light(overflow-scroll="true" style="overflow: hidden")
      .loading-box(ng-if="is_loading || is_success")
        %div(ng-if="is_loading")
          .loading-circle.animation-rotate
        %div(ng-if="is_success")
          .success-circle
            %i.icon.checkmark.icon-center

      .pwd-form(ng-if="!is_loading && !is_success")
        .row.pwd-input
          .col.pwd-span(ng-class="{'active': password_arr.length == 0}")
            .oa-dot(ng-if="password_arr.length > 0")
          .col.pwd-span(ng-class="{'active': password_arr.length == 1, 'next_active': password_arr.length == 0}")
            .oa-dot(ng-if="password_arr.length > 1")
          .col.pwd-span(ng-class="{'active': password_arr.length == 2, 'next_active': password_arr.length == 1}")
            .oa-dot(ng-if="password_arr.length > 2")
          .col.pwd-span(ng-class="{'active': password_arr.length == 3, 'next_active': password_arr.length == 2}")
            .oa-dot(ng-if="password_arr.length > 3")
          .col.pwd-span(ng-class="{'active': password_arr.length == 4, 'next_active': password_arr.length == 3}")
            .oa-dot(ng-if="password_arr.length > 4")
          .col.pwd-span(ng-class="{'active': password_arr.length == 5, 'next_active': password_arr.length == 4}")
            .oa-dot(ng-if="password_arr.length > 5")

      .text-center.stock-red {{hint_msg}}

    .input-footer(ng-if="!is_loading && !is_success")
      .row
        %a.button.col(ng-click="pushPwd(1)") 1
        %a.button.col(ng-click="pushPwd(2)") 2
        %a.button.col(ng-click="pushPwd(3)") 3
      .row
        %a.button.col(ng-click="pushPwd(4)") 4
        %a.button.col(ng-click="pushPwd(5)") 5
        %a.button.col(ng-click="pushPwd(6)") 6
      .row
        %a.button.col(ng-click="pushPwd(7)") 7
        %a.button.col(ng-click="pushPwd(8)") 8
        %a.button.col(ng-click="pushPwd(9)") 9
      .row
        %a.button.col.button-disabled
        %a.button.col(ng-click="pushPwd(0)") 0
        %a.button.col.icon.ion-backspace-outline(ng-click="popPwd()")
